<template>
  <div class="layout_item_container">
    <div class="left">
      <slot name="title">
        <!-- <h4 class="title">待办事项</h4> -->
      </slot>
      <slot class="question">
        <!-- <div class="question"><i class="el-icon-info" /></div> -->
      </slot>
    </div>
    <slot name="date">
      <!-- <div class="right">
        <div class="refresh"><i class="el-icon-refresh" /></div>
        <div class="date">2023-05-29 22:22 - 2023-05-31 23:59</div>
      </div> -->
    </slot>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.layout_item_container{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    .left {
        display: flex;
        .title{
            margin: 0;
            font-size: 16px;
        }
        .question{
            margin-left: 10px;
            color: #999;
        }
    }
    .right{
        display: flex;
        .refresh{
            margin-right: 10px;
            color:#d16144;
        }
        .date{
            color: #999;
        }
    }
}
</style>>

